<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>走进华腾-北京华腾橡塑乳胶制品有限公司</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="flex-container about">
        #include('inc/top.html')
        <div class="container-fluid">
            <div class="intobg"></div>
        </div>

        <div class="container text-center">
            <h2 class="product-title">关于我们</h2>
            <p class="product-subtitle">About Rubber China</p>
        </div>

        <div class="container-fluid eq-bg">
            <div class="container pt-4 mb-3">
                <div class="row justify-content-md-center info">
                    #ArticleEnhancePage(categoryId=5)
                    #for(e:ArticleEnhancePage.list)
                    <div class="col-4">
                        <div class="mpic"><img src="#(e.thumbnail ??)"></div>
                    </div>
                    <div class="col-4">
                        <p class="text-black-50">
                        #(e.content ??)
                        </p>
                    </div>
                    #break
                    #end
                    #end
                </div>
                <div class="row w-4">
                    #ArticleEnhancePage(categoryId=6,orderBy='order_number asc')
                    #for(e:ArticleEnhancePage.list)
                    <div class="col-3">
                        <div class="bg">
                        <span>
                            <img src="#(e.thumbnail ??)" alt="">
                        </span>
                        <p class="title">#(e.title ??)</p>
                        <div style="padding-left: 4px;height: 170px;">
                        #(e.content ??)
                        </div>
                        </div>
                    </div>
                    #end
                    #end
                </div>

            </div>
        </div>

        <div class="container text-center mt-4">
            <h2 class="product-title">公司历史</h2>
            <div class="timeline">
                
                #ArticleEnhancePage(categoryId=7)
                #for(e:ArticleEnhancePage.list)
                <div class="item">
                    <span>#(e.title ??)</span>
                    #(e.content ??)
                </div>
                #if((for.index+1)%5 == 0)
                <div class="line"></div>
                #end
                #end
                #if(ArticleEnhancePage.list.size()%5!=0)
                <div class="line"></div>
                #end
                #end
                
            </div>
        </div>

        <div class="container text-center">
            <h2 class="product-title">公司架构</h2>
            #ArticleEnhancePage(categoryId=16)
            #for(e:ArticleEnhancePage.list)
            <div class="jiagou">
                <img src="#(e.thumbnail ??)" alt="">
            </div>
            #end
            #end
        </div>

        <div class="container text-center">
            <h2 class="product-title">多项专利与欧盟见证华腾橡塑实力</h2>
            <div class="row text-center align-items-center justify-content-md-center shili">
                <div class="col-2">
                    <span><strong>7</strong>项</span>发明专利
                </div>
                <div class="col-2">
                    <span><strong>49</strong>项</span>实用新型专利
                </div>
                <div class="col-2">
                    <span><strong>7</strong>项</span>外观专利
                </div>
                <div class="col-2">
                    <span><strong>12</strong>项</span>著作权
                </div>
            </div>
        </div>

        <div class="container-fluid text-center rongyao">
            <h2 class="product-title">经历60年风雨，见证荣耀</h2>
                <div id="slides" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner">
                        #ArticleEnhancePage(categoryId=15,pageSize=5)
                        #set(alength = ArticleEnhancePage.totalPage)
                        #end
                        
                        #for(i = 0; i < alength; i++)
                        <div class="carousel-item #if(i == 0) active #end">
                            <div class="row align-items-center justify-content-md-center">
                                #ArticleEnhancePage(categoryId=15,pageSize=5,page=i+1)
                                #for(e:ArticleEnhancePage.list)
                                <div class="col-2"><img src="#(e.thumbnail ??)"/></div>
                                #end
                                #end
                            </div>
                        </div>
                        #end
                        
                    </div>
                    <a class="carousel-control-prev" href="#slides" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="carousel-control-next" href="#slides" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>
                </div>
        </div>
        <div class="container pb-3">
            <div class="row logo mt-5 mb-5 text-center align-items-center justify-content-md-center">
                <div class="col-2"><img src="images/brand_xuelian.png"></div>
                <div class="col-2"><img src="images/brand_beiru.png"></div>
                <div class="col-2"><img src="images/brand_ruijing.png"></div>
                <div class="col-2"><img src="images/brand_beirui.png"></div>
                <div class="col-2"><img src="images/brand_jingyu.png"></div>
                <div class="col-2"><img src="images/brand_yigang.png"></div>
            </div>
        </div>
    </div>
    <!--bottom-->
    #include('inc/footer.html')

    <script src="js/jquery-3.3.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>